/*----------------------------------------------------------------------
=All devices with width 960px or less
----------------------------------------------------------------------*/

@media only
	screen and (max-width : 960px) {

	/* ----------------- Navigation ----------------------- */
	
	#navigation ul li a {
		font-size: 1.3em;
	}

}

/*----------------------------------------------------------------------
=All devices with width 820px or less
----------------------------------------------------------------------*/

@media only
	screen and (max-width : 820px) {
		
	/* ----------------- Header ----------------------- */
	
	#header .top-nav-wrap {
		max-width: 450px;
	}

	/* ----------------- Navigation ----------------------- */
	
	#navigation ul li a {
		font-size: 1.2em;
	}

}


/*----------------------------------------------------------------------
=All devices with width 720px or less
----------------------------------------------------------------------*/

@media only
	screen and (max-width : 720px) {
		
		
	/* ----------------- Header ----------------------- */

	#header .logo-wrap {
		float: left;
		/*
		width: 100%;
		max-width: 100%;
		*/
	}
	
	#header a.logo {
		margin: 0;
		text-align: left;
	}
	
	#header .top-nav-wrap {
		float: none;
		margin-top: 10px;
		width: 100%;
		max-width: 100%;
	}
	
	.top-nav-wrap .portlet-journal-content {
			float: none;
			margin: 0 auto;
			text-align: center;
	}
	
	
	.top-nav-wrap ul {
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	
	.top-nav-wrap ul li {
		display: inline-block;
		float: none;
	}
	
	.top-nav-wrap ul li a {
		float: none;
	}
	
	/*------- Common elements -------*/
	
	h1 {
		font-size: 1.8em;
		margin: 0.4em 0 0.4em 0;
	}
	
	h2 {
		font-size: 1.4em;
	}
	
	h3 {
		font-size: 1.2em;
	}
	
	h4 {
		font-size: 1.1em;
	}
		

	/* ----------------- Navigation ----------------------- */
	
	#navigation ul li a {
		font-size: 1.1em;
	}
	
	/* ----------------- Footer ----------------------- */
	
	#footer h2 {
		border-bottom: none;
		font-size: 1.2em;
	}
	
	#footer .aui-column {
		width: 100%;
	}


}


/*----------------------------------------------------------------------
=All devices with width 480px or less and smartphones in landscape mode
----------------------------------------------------------------------*/

@media only
	screen and (max-width : 480px),
	screen and (min-device-width : 321px) and (max-device-width : 768px) and (orientation : landscape) {
		
	/* ----------------- Base blocks ----------------------- */
	
	.header-inner,
	.content-inner {
		width: 94%;
		padding-left: 3%;
		padding-right: 3%;
	}

	.header-inner {
		padding-bottom: 0;
	}
	
	.content-inner {
		margin-top: 0;
	}
	
	.content-inner-top {
		display: none;
	}


	/* ----------------- Banner / header ----------------------- */
	
	#header {
		background: #0076b5;
	}
	
	#header .logo-wrap {
		display: none;
	}
	
	#header .responsive-logo-wrap {
		display: block;
	}
	
	#header .top-bar {
		padding: 5px 0 5px 0;
	}
	
	#header .top-nav-wrap {
		/*
		float: none;
		max-width: 100%;
		width: 100%;
		*/
	}
	
	.top-nav-wrap ul {
		float: none;
		text-align: center;
	}

	.top-nav-wrap ul li {
		display: inline-block;
		float: none;
	}
	
	.top-nav-wrap ul li a {
		color: #fff;
		display: inline-block;
		float: none;
	}

	.top-nav-wrap ul .profile-help {
		display: none;
	}
	
	/* ----------------- Footer ----------------------- */
	
	#footer .aui-column {
		display: block;
		width: 100.0%;
	}
	
	#footer .aui-column-content {
		padding: 0 1.4em;
	}
	
	#footer a.logo {
		float: none;
		margin: 0 auto;
	}
	
	/* -----------------  Layout ----------------------- */
	
	/*---- Columns ----*/
	
	.grid-960 .aui-column,
	#content .portlet-column {
		float: none;
		display: block;
		width: 100.0%;
	}
	
	.aui-w20.portlet-column-first,
	.aui-w30.portlet-column-first {
		display: none;
	}
	
	.portlet-layout .portlet-column-content {
		padding-left: 0;
		padding-right: 0;
	}


	/* ----------------- Liferay Portlets ----------------------- */
	
	.portlet-boundary_103_ {
		margin: 0;
	}
	
	
	/*---- Navigation Portlet ----*/
	
	.portlet-column-first .portlet-navigation {
		display: none;
	}
		
	/* ----------------- Custom Portlets ----------------------- */
	
	/*------- Search Portlet -------*/
	
	.search-wrap .search-intro,
	.english .search-wrap .search-intro {
		background: none;
		padding-right: 0;
	}
	
	.search-wrap .gothia-search-input {
		margin-bottom: 5px;
	}
	
	.search-wrap input[type="text"] {
		width: 260px;
	}
	
	
	/* ----------------- Navigation ----------------------- */
	
	/* -- Main Navigation -- */
	
	.nav-wrap {
		display: none;
	}
	
	/* -- Breadcrumbs -- */
	
	.site-breadcrumbs {
		display: none;
	}

	/* -- Navigation Menu Button -- */
	  
	#navigationButtonMenu {
		display: block;
	}
	
	#navigationTrigger {
		display: block;
		float: right;
		margin-left: 0;
		margin-top: 0;
		position: relative;
		visibility: hidden;
	}
	
	#navigationTrigger.navigation-trigger-ready {
		visibility: visible;
	}
  
	#navigationButtonMenu ul {
	}
	
	/* -- Top navigation -- */
	#header .top-nav-wrap {
		display: none;
	}
	
	/* ----------------- Articles ----------------------- */
	
	/* -- Tabbed RSS -- */

	/* Hide tabs */
	.tabbed-rss .aui-tabview-list {
		display: none;
	}
	
	/* Show all tab content */
	.tabbed-rss .aui-tabview-content.aui-helper-hidden {
		display: block !important;
	}
	
	/* Show heading (hidden for normal views) */
	.tabbed-rss .aui-tabview-content > h3 {
		display: block;
	}
	
	/* Hide rss links */
	.tabbed-rss ul.feed-list li.rss-item {
		display: none;
	}
	
	/* Hide on startpage */
	
	.gothia-startpage .tabbed-rss {
		display: none;
	}

}

/*----------------------------------------------------------------------
=All devices with width 400px or less and smartphones in landscape mode
----------------------------------------------------------------------*/

@media only
	screen and (max-width : 400px) {

	/* ----------------- Custom Portlets ----------------------- */
	
	/*------- Search Portlet -------*/
	
	.search-wrap input[type="text"] {
		width: 240px;
	}
}

/*----------------------------------------------------------------------
=All devices with width 350px or less and smartphones in landscape mode
----------------------------------------------------------------------*/

@media only
	screen and (max-width : 350px) {

	/* ----------------- Custom Portlets ----------------------- */
	
	/*------- Search Portlet -------*/
	
	.search-wrap input[type="text"] {
		width: 220px;
	}

		
}


/*----------------------------------------------------------------------
=All devices with width 300px or less and smartphones in landscape mode
----------------------------------------------------------------------*/

@media only
	screen and (max-width : 300px) {

	/* ----------------- Custom Portlets ----------------------- */
	
	/*------- Search Portlet -------*/
	
	.search-wrap input[type="text"] {
		width: 200px;
	}

		
}
